<include file="Public:header" />
<script type="text/javascript" src="__JSURL__/bootstrap-datetimepicker.min.js"></script>
<style type="text/css">
    div.search {
        margin-left:30px;
    }
    input.button {
        margin-bottom:10px;
    }
    strong {
        position: relative;
        bottom:5px;
    }
    table caption{
        font-size:20px;
        margin-bottom:15px;
        font-weight:bold;
    }
    .confirm {
        float:right;
        margin:20px 50px 0 0;
    }
    a.all {
        float:right;
        margin:0 45px 0 20px;
    }
</style>
<div class="alert alert-info">
    出库台帐管理
</div>
<div class="search">
    <form action="">
    <strong>按出库日期：</strong>
    <div class="input-append date" id="datetimepicker">
        <input type="text" name="stuff_date" readonly value="{$Think.get.stuff_date}"/>
        <span class="add-on"><i class="icon-th"></i></span>
    </div>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <strong>按出库物料编码：</strong>
    <input type="text" name="stuff_number" value="{$Think.get.stuff_number}"/>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="submit" value="搜　索" class="btn btn-primary button"/>
    <a href="__URL__/index" class="btn btn-warning all">返回全部</a>
    </form>
</div>
<table class="table table-bordered">
    <tr>
        <th>出库日期</th>
        <th>物料编码</th>
        <th>材料名称</th>
        <th>材料单价</th>
        <th>材料数量</th>
        <th>材料单位</th>
        <th>材料总价</th>
    </tr>
    <volist name="accountData" id="val">
        <tr>
            <td>{$val.stuff_date}</td>
            <td>{$val.stuff_number}</td>
            <td>{$val.stuff_name}</td>
            <td>{$val.stuff_price}</td>
            <td>{$val.stuff_num}</td>
            <td>{$val.stuff_unit}</td>
            <td>{$val.stuff_count}</td>
        </tr>
    </volist>
</table>
<div class="pagination">
    {$page}
</div>
<script type="text/javascript">
    $('#datetimepicker').datetimepicker({
        format: 'yyyy-MM-dd',
        language: 'zh',
        pickDate: true,
        pickTime: true,
        hourStep: 1,
        minuteStep: 15,
        secondStep: 30,
        inputMask: true
    });
</script>
</body>
</html>